import { Button, Dropdown } from "antd";
import DownIcon from "@/assets/icons/down.svg?jsx";
import { Link } from "react-router";

export default function Header() {
  return (
    <header className="flex h-14 items-center border-b px-6">
      <Link to="/" className="leading-9">
        <span className="inline-block size-9 bg-[blueviolet]">logo</span>
        <span className="ml-2 text-lg">福呈大模型应用</span>
      </Link>
      <Dropdown
        className="ml-auto"
        menu={{
          items: [
            { label: "a", key: "a" },
            { label: "b", key: "b" },
          ],
        }}
        trigger={["click"]}
      >
        <Button type="text" size="large">
          <span className="size-8 rounded-full bg-[blueviolet]"></span>
          <span>XXXXX</span>
          <DownIcon />
        </Button>
      </Dropdown>
    </header>
  );
}
